@charset "utf-8";
/*
 * 鸡蛋美术商城 公共CSS样式文件
 * $Author: Jo
 * $Id: common.css 2015-8-11 10:57:00
 * 公共CSS样式 Begin
*/

/* 公用样式 Begin */
.left{float: left;}
.right{float: right;}
.clear{clear: both; height: 0; margin: 0; padding: 0; overflow: hidden; }
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 公用样式 End */


/* 右浮动公用样式 Begin */
#follow-right{position: fixed; width: 40px; height:100%; right: -41px; top: 0; z-index: 99999; border-left: 1px solid #560000; background-color: #fff;}
#follow-right .top-list{position: absolute; width: 40px; top: 50%; margin-top: -200.5px;}
#follow-right .bottom-list{position: absolute; width: 40px; bottom: 0px;}
#follow-right .common .slides{position: absolute; width: 0; height: 29px; background-color: #b90f0f; overflow: hidden; right: 102%; top: 3.5px; -webkit-transition: all .25s ease-in 0s; -moz-transition: all .25s ease-in 0s; -o-transition: all .25s ease-in 0s; transition: all .25s linear 0s; color: #fff; line-height: 29px; text-align: center; font-size: 12px;}
#follow-right .common .slides:hover{background-color: #d52020;}
#follow-right .common:hover .slides{width: 86px;}
/* 右浮动公用样式 End */
/* 圆梦美院部分 Begin */
#follow-right .top-list .freeplan{float: left; position: relative; width: 40px; height: 40px; margin-bottom: 8px;}
#follow-right .top-list .freeplan .go-freeplan1{float: left; width: 40px; height: 40px;}
#follow-right .top-list em{float: left; width: 40px; height: 40px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 0;}
#follow-right .slide{position: absolute; width: 0; height: 154px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -42px; overflow: hidden; right: 102%; bottom: -70px; -webkit-transition: all .25s ease-in 0s; -moz-transition: all .25s ease-in 0s; -o-transition: all .25s ease-in 0s; transition: all .25s linear 0s; color: #fff; line-height: 29px; text-align: center; font-size: 12px;}
#follow-right .slide .go-freeplan2{float: left; width: 130px; height: 119px;}
#follow-right .text{float: left; width: 130px; height: 22px; line-height: 22px; text-align: center; color: #fff; font-size: 12px;}
#follow-right .login-right{padding-bottom: 3px; border-bottom: 1px solid #fff; cursor: pointer; color: #fff;}
#follow-right .freeplan:hover .slide{width: 137px;}
/* 圆梦美院部分 End */
/* 头像部分 Begin */
#follow-right .portrait{float: left; position: relative; width: 40px; height: 36px; margin-bottom: 10px;}
#follow-right .portrait a{float: left; width: 28px; height: 28px; padding: 4px 6px;}
#follow-right .portrait img{width: 28px; height: 28px;}
/* 头像部分 Begin */
/* 购物车部分 Begin */
#follow-right .shop-cart{float: left; width: 40px; height: 138px;}
#follow-right .shop-cart .cart{float: left; width: 28px; height: 116px; margin: 0 6px; padding: 10px 0; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f;}
#follow-right .shop-cart .ico{float: left; width: 24px; height: 21px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -198px; margin: 5px 0 12px 2px;}
#follow-right .shop-cart:hover .ico{background: url(/img/icon_sprite/common_script.png) no-repeat -26px -198px;}
#follow-right .shop-cart:hover{background-color: #b90f0f;}
#follow-right .shop-cart:hover .cart{border: 0;}
#follow-right .shop-cart:hover .cart .zi,#follow-right .shop-cart:hover .cart .zii{color: #fff;}
#follow-right .shop-cart .cart .zi,#follow-right .shop-cart .cart .zii{float: left; width: 28px; height: 14px; line-height: 14px; text-align: center; font-size: 12px; color: #000;}
#follow-right .shop-cart .zii{margin-top: 13px;}
/* 购物车部分 Begin */
/* 客服部分 Begin */
#follow-right .service{float: left; position: relative; width: 40px; height: 36px;  margin-top: 12px;}
#follow-right .service .list{float: left; width: 24px; height: 19px; padding: 8.5px 8px;}
#follow-right .service .list .so{float: left; width: 24px; height: 19px; background: url(/img/icon_sprite/common_script.png) no-repeat  0 -221px;}
#follow-right .service:hover .list{background-color: #b90f0f;}
#follow-right .service:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -25px -221px;}
/* 客服部分 End */
/* 个人中心部分 Begin */
#follow-right .user{float: left; position: relative; width: 40px; height: 36px; margin-top: 12px;}
#follow-right .user .list{float: left; width: 24px; height: 24px; padding: 6px 8px;}
#follow-right .user .list .so{float: left; width: 24px; height: 24px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -242px;}
#follow-right .user:hover .list{background-color: #b90f0f;}
#follow-right .user:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -26px -242px;}
/* 个人中心部分 End */
/* 意见反馈 Begin */
#follow-right .message{float: left; position: relative; width: 40px; height: 36px; margin-top: 12px;}
#follow-right .message .list{float: left; width: 24px; height: 25px; padding: 5.5px 8px;}
#follow-right .message .list .so{float: left; width: 24px; height: 25px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -268px;}
#follow-right .message:hover .list{background-color: #b90f0f;}
#follow-right .message:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -25px -268px;}
/* 意见反馈 End */
/* 我的收藏 Begin */
#follow-right .collection{float: left; position: relative; width: 40px; height: 36px; margin-top: 12px;}
#follow-right .collection .list{float: left; width: 24px; height: 23px; padding: 6.5px 8px;}
#follow-right .collection .list .so{float: left; width: 24px; height: 23px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -295px;}
#follow-right .collection:hover .list{background-color: #b90f0f;}
#follow-right .collection:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -26px -295px;}
/* 我的收藏 End */
/* app下载 Begin */
#follow-right .app-download{float: left; position: relative; width: 40px; height: 36px;}
#follow-right .app-download .list{float: left; width: 24px; height: 20px; padding: 8px 8px;}
#follow-right .app-download .list .so{float: left; width: 24px; height: 20px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -320px;}
#follow-right .app-download .slides{position: absolute; width: 0; height: 178px; background: url(/img/icon_sprite/common_script.png) no-repeat -141px 0; overflow: hidden; right: 115%; bottom: -43px; -webkit-transition: all .25s ease-in 0s; -moz-transition: all .25s ease-in 0s; -o-transition: all .25s ease-in 0s; transition: all .25s linear 0s; color: #fff; line-height: 29px; text-align: center; font-size: 12px;}
#follow-right .app-download:hover .slides{width: 149px;}
#follow-right .app-download:hover .list{background-color: #b90f0f;}
#follow-right .app-download:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -22px -320px;}
/* app下载 End */
/* 返回顶部 Begin */
#follow-right .go-top{float: left; position: relative; width: 40px; height: 36px; margin-top: 12px;}
#follow-right .go-top .list{float: left; width: 24px; height: 14px; padding: 11px 8px;}
#follow-right .go-top .list .so{float: left; width: 24px; height: 14px; background: url(/img/icon_sprite/common_script.png) no-repeat 0 -342px;}
#follow-right .go-top:hover .list{background-color: #b90f0f;}
#follow-right .go-top:hover .list .so{background: url(/img/icon_sprite/common_script.png) no-repeat -26px -342px;}
/* 返回顶部 End */
/* 右浮动样式 End */


/* 页脚区域样式 Begin */
#page-footer{float: left; background-color: #fff; width: 100%;}
#page-footer .content{width: 1230px; height: 320px; overflow: hidden; margin: 0 auto; border-top: 2px solid #e1e1e1; color: #000;}
#page-footer .on{margin: 0 auto; height: 250px; line-height: 38px;}
#page-footer .box{float: left; width: 140px; margin: 30px 0 0 0; padding-left: 40px; overflow: hidden;}
#page-footer .box h3{float: left; width: 100%; font-size: 14px; color: #000; margin-bottom: 5px; font-weight: bold; height: 30px;}
#page-footer .box a{float: left; width: 100%; font-size: 13px; color: #000; height: 30px;}
#page-footer .box a:hover{text-decoration: underline;}
#page-footer .qr-code{width: 294px; height: 186px; float: left; margin-top: 30px; background: url(/img/icon_sprite/common_script.png) no-repeat -55px -198px;}
#page-footer .under{width: 1200px; height: 41px; line-height: 41px; letter-spacing: 1px; margin: 0 auto;}
#page-footer .under a{color: #000;}
#page-footer .under .left{margin-left: 24px;}
#page-footer .under .center{float: left; width: 199px; height: 41px; background: url(/img/icon_sprite/common_script.png) no-repeat -55px -387px; margin-left: 69px;}
#page-footer .under .right{margin-right: 20px;}
/* 页脚区域样式 End */


/* 页脚小广告 Begin */
#footer-ad{float: left; width: 100%; height: 87px; padding: 17px 0; border-top: 1px solid #d0d0d0;}
#footer-ad .content{width: 1210px; height: 87px; margin: 0 auto; overflow: hidden;}
#footer-ad .content img{float: left; width: 296px; height: 87px; margin-left: 8.5px;}
#footer-ad .content img:first-child{margin-left: 0;}
/* 页脚小广告 End */

/* 公共CSS样式 End */